.login {
    display              : flex;
    flex-direction       : column;
    width                : 100%;
    height               : 100%;
    background-image     : url('../images/login-bg.jpg');
    background-size      : cover;
    background-repeat    : no-repeat;
    background-position-y: center;

    header {
        display        : flex;
        align-items    : center;
        justify-content: center;
        width          : 100%;
        height         : 70px;
        // border: 1px solid red;
    }

    main {
        flex    : 1;
        position: relative;
        width   : 100%;

        .card {
            position  : absolute;
            top       : 22%;
            right     : 15%;
            width     : 360px;
            padding   : 15px;
            // height: 600px;
            // border: 1px solid red;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

            h2 {
                font-size : 22px;
                text-align: center;
            }

            .foot,
            .main {
                display        : flex;
                justify-content: space-between;
                align-items    : center;
            }
        }
    }
}